﻿<!doctype html>
<html lang="zxx">
   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title></title>
      <meta name="Bensiva" content="Bensiva">
      <!-- description -->
      <meta name="description" content="">
      <!-- keywords -->
      <meta name="keywords" content="" >
      <!-- Flaticon CSS -->
      <link rel="stylesheet" href="static/css/flaticon.css" />
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="static/css/bootstrap.min.css" />
      <!-- Owl Carousel stylesheet -->
      <link rel="stylesheet" href="static/css/owl.carousel.min.css" />
      <link rel="stylesheet" href="static/css/owl.theme.default.min.css" />
      <!-- Lightbox CSS -->
      <link rel="stylesheet" href="static/css/lightbox.css" />
      <!-- lity CSS -->
      <link rel="stylesheet" href="static/css/lity.min.css" />
      <!-- Menu CSS -->
      <link rel="stylesheet" href="static/css/menu.css">
      <!-- Default CSS -->
      <link rel="stylesheet" href="static/css/default.css" />
      <!-- Skin CSS -->
      <link rel="stylesheet" href="static/css/skin/skin-1.css" />
      <!-- Style CSS -->
      <link rel="stylesheet" href="static/css/style.css" />
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="static/css/responsive.css" />
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
      <script src="static/js2/html5shiv.min.js"></script>
      <script src="static/js2/respond.min.js"></script>
      <![endif]-->
      <!-- jquery js-->
      <script src="static/js2/jquery.min.js"></script>
</head>
   <body>
      <!-- ====== Preloader ====== -->
      <div class="preloader js-preloader flex-center"></div>
      <div class="inner wraper">
         <!-- ====== Header Starts ====== -->
         <header class="header">
            <div class="container-fluid">
               <div class="col-lg-12">
                  <nav class="navbar navbar-expand-lg">
                     <!-- Brand -->
                     <div class="nav-brand">
                        <a class="navbar-brand" href="index.html" title="bensiva" style="text-align: center;width: 165px;height: 80px;">
                        	<img src="static/img/index/42e38991472668708b371d638200a91.png" style="float: left;width: 60px;height: 60px;">
                        	<span style="float: left;">汇青志</span><!--<br>-->
                        	<span style="font-size:15px;float: left;">HuiQingZhi</span>
                        </a>
                     </div>
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
                     </button>
                     <!-- Links -->
                     <div class="main-menu collapse navbar-collapse" id="nav-content">
                        <ul class="navbar-nav">
                           <li class="nav-item">
                              <a class="nav-link" href="index.html" title="Index">主页</a>
                           </li>
						   <li class="nav-item">
                              <a class="nav-link" href="#" title="Project">青志项目</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="#" title="Story">青志故事</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="about.html" title="About Us">关于青志</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="login.html" title="Contact">登录</a>
                           </li>
                        </ul>
                     </div>
                  </nav>
               </div>
            </div>
         </header>
         <!-- ====== Header End ====== --> 
         <!-- ====== About Us Start ====== -->
         <div class="page-heading">
                  <div class="heading heading-center">
                     <h2><span>汇青志</span>关于我们</h2>
                  </div>
                  <nav aria-label="breadcrumb">
                     <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active" aria-current="page"><a href="contact.html">登录</a></li>
                     </ol>
                  </nav>
         </div>
         <section class="about-us inner">
            <div class="container-fluid">
               <div class="col-lg-12">

                  <div class="content-sec">
                     <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 left-content">
                           <h5>汇青志建立初衷</h5>
                           <p>我们是一支有爱心、有活力、有热血，为社会传递正能量的青少年志愿服务队，致力于为失独家庭、社区长者、社区儿童提供专业的志愿服务。其实志愿服务并不单止只服务别人，我们希望更多的能够使志愿者自身也得到收获，这个收获不单指志愿时，而是能够从志愿服务中发现自己方向、学习技能、发挥价值。</p>
                           <div class="counter-sec">
                              <div class="row">
                                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                    <div class="counter-column">
                                       <div class="count_icon"> <i class="flat flaticon-happiness"></i> </div>
                                       <div class="counter_content">
                                          <div class="counter">56</div>
                                          <div class="title">好评人数</div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                    <div class="counter-column">
                                       <div class="count_icon"> <i class="flat flaticon-coffee-cup"></i> </div>
                                       <div class="counter_content">
                                          <div class="counter">40</div>
                                          <div class="title">开展活动</div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                    <div class="counter-column">
                                       <div class="count_icon"> <i class="flat flaticon-like"></i> </div>
                                       <div class="counter_content">
                                          <div class="counter">15</div>
                                          <div class="title">荣誉表彰</div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                           <div class="right-img">
                              <img src="static/img/banner-1.jpg" alt="about us" />
                           </div>
                        </div>
                        <div class="clearfix"></div>
                     </div>
                  </div>
            </div>
         </div>
         </section>
         <!-- ====== About Us End ====== --> 
         <section class="qualities inner">
            <div class="container-fluid">
               <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="row">
                     <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                        <div class="column box-shadow">
                           <div class="icon"><i class="flat flaticon-reward"></i></div>
                           <h5>为什么选择我们</h5>
                           <p>汇青志志愿服务队，简称汇青志，是一支在社工导师的支持下，由学生自主管理，自主组织的青少年志愿服务队。 </p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                        <div class="column box-shadow">
                           <div class="icon"><i class="flat flaticon-enterprise"></i></div>
                           <h5>我们的地址</h5>
                           <p>广东省广州市海珠区礼岗路中南活力创意园A座青云客（昌岗地铁站F出口）</p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                        <div class="column box-shadow">
                           <div class="icon"><i class="flat flaticon-certificate"></i></div>
                           <h5>荣誉表彰</h5>
                           <p>成功获得恒福杯创投项目“垃圾减排，让社区环境更加美好”的环保宣传项目 </p>
                        </div>
                     </div>
                     <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                        <div class="column box-shadow">
                           <div class="icon"><i class="flat flaticon-working-team"></i></div>
                           <h5>我们的服务范围</h5>
                           <p>汇青志现有常规志愿服务项目：晓港驿站服务（儿童安全教育）、工疗站服务、义工生命故事、逐梦系列等</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="circle strong-border"></div>
            <div class="circle border c-1 rotating"></div>
         </section>

         <!-- ====== Testimonials Start ====== -->
         <section class="testimonials">
            <div class="container-fluid">
               <div class="col-lg-12">
                  <div class="row">
                     <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
                        <div class="heading">
                           <h2><span>参与反馈</span>志愿者心得</h2>
                        </div>
                     </div>
                     <div class="col-lg-8 col-md-7 col-sm-12 col-xs-12">
                        <div class="testimonials-slider owl-carousel owl-theme">
                           <div class="box-shadow item">
                              <div class="comment-sec">一天下来没有陪伴你很多，其实心里还是挺内疚的，一起吃的午饭可能是我们交流的最多的时候啦，那个时候还挺高兴的，也很不好意思让你请我吃饭。交流中时常听到你聊起出去玩，还挺替你高兴，也许这次大学生活没有给你最好最开心的体验，但是也希望以后的你家人朋友在身边，幸福美好在身边，开心快乐在身边！</div>
                              <div class="client-sec">
                                 <div class="client-dp">
                                    <img src="static/img/dp-1.jpg" alt="Client">                                 </div>
                                 <div class="client-detail">
                                    <div class="client-name">志愿者</div>
                                    <p>莹莹</p>
                                 </div>
                              </div>
                           </div>
                           <div class="box-shadow item">
                              <div class="comment-sec">从开始活动一直到活动结束，阿姨都一直跟我说辛苦了一整天也累了，很感谢我们陪伴了一整天；我想说的是同时也很感谢阿姨，付出与感动是相互的，也让我认识了这么活泼可爱的阿姨，你积极乐观的人生态度还有童心未泯的可爱，也让我收获了很多，希望阿姨能够一直健康下去，开心下去，天天幸福哦～～～</div>
                              <div class="client-sec">
                                 <div class="client-dp">
                                    <img src="static/img/dp-2.jpg" alt="Client">                                 </div>
                                 <div class="client-detail">
                                    <div class="client-name">志愿者</div>
                                    <p>静敏</p>
                                 </div>
                              </div>
                           </div>
                           <div class="box-shadow item">
                              <div class="comment-sec">阳光筑梦行当天我陪伴的阿姨懂得特别多，一路上给我说了很多日常生活中的中药功效以及用处，不停的跟我说要多养生，叫我要多泡红枣枸杞喝，还教我怎么煲汤，那天特别开心，看着叔叔阿姨们的笑容，感到无比开心，这真的是一件很有意义的事情</div>
                              <div class="client-sec">
                                 <div class="client-dp">
                                    <img src="static/img/dp-3.jpg" alt="Client">                                 </div>
                                 <div class="client-detail">
                                    <div class="client-name">志愿者</div>
                                    <p>陈盈</p>
                                 </div>
                              </div>
                           </div>
                           <div class="box-shadow item">
                              <div class="comment-sec">体验大学生活的时间虽然只有短短的一天，但无论是从阿姨们刚进教室时的欢笑，还是从他们专注听课时的神态，我都能感受到他们对大学校园的热爱，她们渴望上大学，但是一直没有机会，现在她们终于弥补了年少时的遗憾，圆梦于广中医。阿姨们的热情与活力让我真正领会到莫道桑榆晚，为霞尚满天这句诗的真谛。</div>
                              <div class="client-sec">
                                 <div class="client-dp">
                                    <img src="static/img/dp-1.jpg" alt="Client">                                 </div>
                                 <div class="client-detail">
                                    <div class="client-name">主持担当</div>
                                    <p>锐群</p>
                                 </div>
                              </div>
                           </div>
                           <div class="box-shadow item">
                              <div class="comment-sec">我觉得这次活动很有意义，让我感触很深。我被小朋友们那颗善良的心温暖到。刚刚在小池边看到一位妈妈跟她的小朋友在看小蝌蚪，那位小朋友说妈妈我们下次再来看小蝌蚪吧。我当时有点震惊也感到欣慰，他很喜欢小蝌蚪，但他没有去捕捉它。再次被暖到了～</div>
                              <div class="client-sec">
                                 <div class="client-dp">
                                    <img src="static/img/dp-2.jpg" alt="Client">                                 </div>
                                 <div class="client-detail">
                                    <div class="client-name">某位不愿意透露信息的志愿者</div>
                                    <p>XX</p>
                                 </div>
                              </div>
                           </div>
                           <div class="box-shadow item">
                              <div class="comment-sec">这是一个挺有意义的活动，我们扮演了一个助梦者的角色，完成了阿姨们的大学梦。在她们下大巴的那一刻，这场特别的活动就开始了，期间在场的工作人员各司其职，出色地完成了工作，让整场活动显得很好</div>
                              <div class="client-sec">
                                 <div class="client-dp">
                                    <img src="static/img/dp-3.jpg" alt="Client">                                 </div>
                                 <div class="client-detail">
                                    <div class="client-name">汇青志</div>
                                    <p>老林</p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="circle strong-border"></div>
         </section>
         <!-- ====== Testimonials End ====== --> 
      </div>
      <!-- ====== Footer Start ====== -->
      <footer>
         <div class="container-fluid">
            <div class="col-lg-12">
               <div class="row">
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                     <div class="heading">
                        <h2>关于我们</h2>
                     </div>
                     <div class="contact_info content-sec">
                        <ul>
                            <li>
								<div class="icon">
									<i class="flat flaticon-facebook-placeholder-for-locate-places-on-maps"></i>
								</div>
								<div class="detail">
									<h6>地址</h6>
									<div class="content">
										我们所在地址: <span class="value"> 广东省广州市海珠区礼岗路中南活力创意园A座青云客（昌岗地铁站F出口）</span>
									</div>
								</div>
							</li>
							<li>
								<div class="icon">
									<i class="flat flaticon-phone-receiver"></i>
								</div>
								<div class="detail">
									<h6>联系方式</h6>
									<div class="content">
										加入汇清志: <span class="value"> 0123-456-789 </span> <br> 参加活动: <span class="value"> 致电：15015935296</span><br>
									</div>
								</div>
							</li>
						</ul>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 contact-form">
                     <div class="heading">
                        <h2>相关网址</h2>
                     </div>
                     <div class="content-sec">
                        <p><a href="#">I志愿</a></p>
                        <p><a href="#">中国志愿者网站</a></p>
                        <p><a href="#">中国青协网</a></p>
                        <p><a href="#">志愿者网</a></p>
                        <p><a href="#">中国服务队网</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      
      <a href="javascript:void(0)" id="scroll"></a>
      <!-- ====== Footer End ====== -->
       <!-- popper js--> 
      <script src="static/js2/popper.min.js"></script>
      <!-- bootstrap js--> 
      <script src="static/js2/bootstrap.min.js"></script>
      <!-- Waypoints js plugin -->
      <script src="static/js2/waypoints.min.js"></script>
      <!-- Counter-up js plugin -->
      <script src="static/js2/jquery.counterup.min.js"></script>
      <!-- Preloadinator --> 
      <script src="static/js2/jquery.preloadinator.min.js"></script>
      <script>
         $('.js-preloader').preloadinator({
           minTime: 2000
         });
      </script>
      <!-- Lightbox--> 
      <script src="static/js2/lightbox.js"></script>
      <!-- lity js -->
      <script src="static/js2/lity.min.js"></script>
      <!-- Owl Slider js--> 
      <script src="static/js2/owl.carousel.js"></script>
      
      <!-- Header menu -->
      <script src="static/js2/jquery.smartmenus.min.js"></script>
       <a href="javascript:void(0)" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
      <!-- Custome js--> 
      <script src="static/js2/custom.js"></script>
   </body>
</html>

